import React from "react";
import { BrowserRouter as Router, Switch } from 'react-router-dom';
import './App.css';
import Header from "./Header";
import Content from "./Content";
// import { AuthContext } from "./Context";
import {AuthProvider} from './Context'

// const Box = (props) =>{
//     return(
//         <div>
//             <h1>title</h1>
//             {props.children}
//         </div>
//     )
// }


const App = () => {



    return (
        <AuthProvider>
            <Router>
                <div>
                    {/* <Box>
                        <h1>hello</h1>
                    </Box> */}
                    <Header >
                    </Header>

                    <Content />

                </div>
            </Router>
        </AuthProvider>
    )

}

export default App;